/* eslint-disable */
import * as VTable from '../../src';
import VChart from '@visactor/vchart';
import { bindDebugTool } from '../../src/scenegraph/debug-tool';

const CONTAINER_ID = 'vTable';
VTable.register.chartModule('vchart', VChart);
export function createTable() {
  const container = document.getElementById(CONTAINER_ID);
  const canvas = document.createElement('canvas');
  canvas.width = 1600;
  canvas.height = 1600;
  canvas.style.width = '800px';
  canvas.style.height = '800px';
  container?.appendChild(canvas);
  // const option = {
  //   widthMode: 'adaptive',
  //   heightMode: 'adaptive',
  //   rowTree: [],
  //   columnTree: [],
  //   rows: [],
  //   columns: [],
  //   defaultHeaderRowHeight: 'auto',
  //   indicatorTitle: ' ',
  //   autoWrapText: true,
  //   eventOptions: {
  //     preventDefaultContextMenu: false
  //   },
  //   corner: {
  //     titleOnDimension: 'row'
  //   },
  //   title: {
  //     text: '',
  //     align: 'center',
  //     orient: 'top',
  //     padding: [0, 0, 0, 0],
  //     textStyle: {
  //       fontSize: 12,
  //       fill: '#333333',
  //       fontWeight: 'bold'
  //     }
  //   },
  //   defaultHeaderColWidth: ['auto'],
  //   padding: 0,
  //   labelLayout: 'region',
  //   data: [
  //     {
  //       id: 'data',
  //       values: [
  //         [
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.002298293736295464',
  //             '240103151324273': '2024-01-01',
  //             '240114152033385': '0.002298293736295464'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0023029631491047415',
  //             '240103151324273': '2024-01-02',
  //             '240114152033385': '0.0023029631491047415'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.002302147170512614',
  //             '240103151324273': '2024-01-03',
  //             '240114152033385': '0.002302147170512614'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.002298785339930673',
  //             '240103151324273': '2024-01-04',
  //             '240114152033385': '0.002298785339930673'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022937589477976207',
  //             '240103151324273': '2024-01-05',
  //             '240114152033385': '0.0022937589477976207'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.002286768611236427',
  //             '240103151324273': '2024-01-06',
  //             '240114152033385': '0.002286768611236427'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.00228186287626165',
  //             '240103151324273': '2024-01-07',
  //             '240114152033385': '0.00228186287626165'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.00228098978895828',
  //             '240103151324273': '2024-01-08',
  //             '240114152033385': '0.00228098978895828'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022770077676922827',
  //             '240103151324273': '2024-01-09',
  //             '240114152033385': '0.0022770077676922827'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.002272426566624512',
  //             '240103151324273': '2024-01-10',
  //             '240114152033385': '0.002272426566624512'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.00227248281619085',
  //             '240103151324273': '2024-01-11',
  //             '240114152033385': '0.00227248281619085'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022675403408664307',
  //             '240103151324273': '2024-01-12',
  //             '240114152033385': '0.0022675403408664307'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022582848077943164',
  //             '240103151324273': '2024-01-13',
  //             '240114152033385': '0.0022582848077943164'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.00224960750371724',
  //             '240103151324273': '2024-01-14',
  //             '240114152033385': '0.00224960750371724'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022519812946625345',
  //             '240103151324273': '2024-01-15',
  //             '240114152033385': '0.0022519812946625345'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022569000669138144',
  //             '240103151324273': '2024-01-16',
  //             '240114152033385': '0.0022569000669138144'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022591102540714197',
  //             '240103151324273': '2024-01-17',
  //             '240114152033385': '0.0022591102540714197'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022742003131701097',
  //             '240103151324273': '2024-01-18',
  //             '240114152033385': '0.0022742003131701097'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022836958382948624',
  //             '240103151324273': '2024-01-19',
  //             '240114152033385': '0.0022836958382948624'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022876192993865714',
  //             '240103151324273': '2024-01-20',
  //             '240114152033385': '0.0022876192993865714'
  //           },
  //           {
  //             '10001': 'MAU新会员转化率',
  //             '10003': '240114152033385',
  //             '20001': 'MAU新会员转化率',
  //             '010002': '0.0022888090382742142',
  //             '240103151324273': '2024-01-21',
  //             '240114152033385': '0.0022888090382742142'
  //           }
  //         ],
  //         [
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008121744616237642',
  //             '240103151324273': '2024-01-01',
  //             '240114152033388': '0.0008121744616237642'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008070672072548594',
  //             '240103151324273': '2024-01-02',
  //             '240114152033388': '0.0008070672072548594'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008023629702409944',
  //             '240103151324273': '2024-01-03',
  //             '240114152033388': '0.0008023629702409944'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008046114359005983',
  //             '240103151324273': '2024-01-04',
  //             '240114152033388': '0.0008046114359005983'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008037968540141206',
  //             '240103151324273': '2024-01-05',
  //             '240114152033388': '0.0008037968540141206'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008164748521489349',
  //             '240103151324273': '2024-01-06',
  //             '240114152033388': '0.0008164748521489349'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008082704688049527',
  //             '240103151324273': '2024-01-07',
  //             '240114152033388': '0.0008082704688049527'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008072581329952039',
  //             '240103151324273': '2024-01-08',
  //             '240114152033388': '0.0008072581329952039'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008067492359218758',
  //             '240103151324273': '2024-01-09',
  //             '240114152033388': '0.0008067492359218758'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008006904274883237',
  //             '240103151324273': '2024-01-10',
  //             '240114152033388': '0.0008006904274883237'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008041817967195804',
  //             '240103151324273': '2024-01-11',
  //             '240114152033388': '0.0008041817967195804'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008065451122881741',
  //             '240103151324273': '2024-01-12',
  //             '240114152033388': '0.0008065451122881741'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008045452183187166',
  //             '240103151324273': '2024-01-13',
  //             '240114152033388': '0.0008045452183187166'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008034595372288693',
  //             '240103151324273': '2024-01-14',
  //             '240114152033388': '0.0008034595372288693'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.000806365157768805',
  //             '240103151324273': '2024-01-15',
  //             '240114152033388': '0.000806365157768805'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008101232626764969',
  //             '240103151324273': '2024-01-16',
  //             '240114152033388': '0.0008101232626764969'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008089185575592793',
  //             '240103151324273': '2024-01-17',
  //             '240114152033388': '0.0008089185575592793'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008161604003895822',
  //             '240103151324273': '2024-01-18',
  //             '240114152033388': '0.0008161604003895822'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008217670532066235',
  //             '240103151324273': '2024-01-19',
  //             '240114152033388': '0.0008217670532066235'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.000825533215341078',
  //             '240103151324273': '2024-01-20',
  //             '240114152033388': '0.000825533215341078'
  //           },
  //           {
  //             '10001': 'MAU召回会员转化率',
  //             '10003': '240114152033388',
  //             '20001': 'MAU召回会员转化率',
  //             '110002': '0.0008315640756712879',
  //             '240103151324273': '2024-01-21',
  //             '240114152033388': '0.0008315640756712879'
  //           }
  //         ],
  //         [
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5181159015941292',
  //             '240103151324273': '2024-01-01',
  //             '240104172731201': '0.5181159015941292'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5165234803594506',
  //             '240103151324273': '2024-01-02',
  //             '240104172731201': '0.5165234803594506'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.517116236622636',
  //             '240103151324273': '2024-01-03',
  //             '240104172731201': '0.517116236622636'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5173991688612802',
  //             '240103151324273': '2024-01-04',
  //             '240104172731201': '0.5173991688612802'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5171419726661036',
  //             '240103151324273': '2024-01-05',
  //             '240104172731201': '0.5171419726661036'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5162722935024562',
  //             '240103151324273': '2024-01-06',
  //             '240104172731201': '0.5162722935024562'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5153710487878603',
  //             '240103151324273': '2024-01-07',
  //             '240104172731201': '0.5153710487878603'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5146704075478861',
  //             '240103151324273': '2024-01-08',
  //             '240104172731201': '0.5146704075478861'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5124717293301558',
  //             '240103151324273': '2024-01-09',
  //             '240104172731201': '0.5124717293301558'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5124242383215318',
  //             '240103151324273': '2024-01-10',
  //             '240104172731201': '0.5124242383215318'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5141192166565074',
  //             '240103151324273': '2024-01-11',
  //             '240104172731201': '0.5141192166565074'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5137010998937498',
  //             '240103151324273': '2024-01-12',
  //             '240104172731201': '0.5137010998937498'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5125814246497741',
  //             '240103151324273': '2024-01-13',
  //             '240104172731201': '0.5125814246497741'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5134094679820241',
  //             '240103151324273': '2024-01-14',
  //             '240104172731201': '0.5134094679820241'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5140303942386522',
  //             '240103151324273': '2024-01-15',
  //             '240104172731201': '0.5140303942386522'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5139058416705014',
  //             '240103151324273': '2024-01-16',
  //             '240104172731201': '0.5139058416705014'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5140982584441186',
  //             '240103151324273': '2024-01-17',
  //             '240104172731201': '0.5140982584441186'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5157212566213728',
  //             '240103151324273': '2024-01-18',
  //             '240104172731201': '0.5157212566213728'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5163415849199327',
  //             '240103151324273': '2024-01-19',
  //             '240104172731201': '0.5163415849199327'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.5160313233064864',
  //             '240103151324273': '2024-01-20',
  //             '240104172731201': '0.5160313233064864'
  //           },
  //           {
  //             '10001': '新会员次月留存率',
  //             '10003': '240104172731201',
  //             '20001': '新会员次月留存率',
  //             '210002': '0.520981976426155',
  //             '240103151324273': '2024-01-21',
  //             '240104172731201': '0.520981976426155'
  //           }
  //         ],
  //         [
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8491549586706896',
  //             '240103151324273': '2024-01-01',
  //             '240104172731204': '0.8491549586706896'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8499997187905293',
  //             '240103151324273': '2024-01-02',
  //             '240104172731204': '0.8499997187905293'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8509766143006294',
  //             '240103151324273': '2024-01-03',
  //             '240104172731204': '0.8509766143006294'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8514465927149396',
  //             '240103151324273': '2024-01-04',
  //             '240104172731204': '0.8514465927149396'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8502155378356793',
  //             '240103151324273': '2024-01-05',
  //             '240104172731204': '0.8502155378356793'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8483876156579856',
  //             '240103151324273': '2024-01-06',
  //             '240104172731204': '0.8483876156579856'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8442672459235311',
  //             '240103151324273': '2024-01-07',
  //             '240104172731204': '0.8442672459235311'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8443919719743964',
  //             '240103151324273': '2024-01-08',
  //             '240104172731204': '0.8443919719743964'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8443656276524998',
  //             '240103151324273': '2024-01-09',
  //             '240104172731204': '0.8443656276524998'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8437409090061698',
  //             '240103151324273': '2024-01-10',
  //             '240104172731204': '0.8437409090061698'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8437886614966147',
  //             '240103151324273': '2024-01-11',
  //             '240104172731204': '0.8437886614966147'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.842972628392426',
  //             '240103151324273': '2024-01-12',
  //             '240104172731204': '0.842972628392426'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8421928806264737',
  //             '240103151324273': '2024-01-13',
  //             '240104172731204': '0.8421928806264737'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8416655433248755',
  //             '240103151324273': '2024-01-14',
  //             '240104172731204': '0.8416655433248755'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8419187546304148',
  //             '240103151324273': '2024-01-15',
  //             '240104172731204': '0.8419187546304148'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8425690557330622',
  //             '240103151324273': '2024-01-16',
  //             '240104172731204': '0.8425690557330622'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8422944267871347',
  //             '240103151324273': '2024-01-17',
  //             '240104172731204': '0.8422944267871347'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8423059386239165',
  //             '240103151324273': '2024-01-18',
  //             '240104172731204': '0.8423059386239165'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8417265960871636',
  //             '240103151324273': '2024-01-19',
  //             '240104172731204': '0.8417265960871636'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8405277901126161',
  //             '240103151324273': '2024-01-20',
  //             '240104172731204': '0.8405277901126161'
  //           },
  //           {
  //             '10001': '老会员次月留存率',
  //             '10003': '240104172731204',
  //             '20001': '老会员次月留存率',
  //             '310002': '0.8368696884527291',
  //             '240103151324273': '2024-01-21',
  //             '240104172731204': '0.8368696884527291'
  //           }
  //         ]
  //       ],
  //       fields: {
  //         '10001': {
  //           alias: '指标名称 '
  //         },
  //         '20001': {
  //           alias: '图例项 ',
  //           domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'],
  //           sortIndex: 0,
  //           lockStatisticsByDomain: true
  //         },
  //         '110002': {
  //           alias: '指标值 '
  //         },
  //         '210002': {
  //           alias: '指标值 '
  //         },
  //         '310002': {
  //           alias: '指标值 '
  //         },
  //         '010002': {
  //           alias: '指标值 '
  //         },
  //         '240103151324273': {
  //           alias: '数据日期',
  //           domain: [
  //             '2024-01-01',
  //             '2024-01-02',
  //             '2024-01-03',
  //             '2024-01-04',
  //             '2024-01-05',
  //             '2024-01-06',
  //             '2024-01-07',
  //             '2024-01-08',
  //             '2024-01-09',
  //             '2024-01-10',
  //             '2024-01-11',
  //             '2024-01-12',
  //             '2024-01-13',
  //             '2024-01-14',
  //             '2024-01-15',
  //             '2024-01-16',
  //             '2024-01-17',
  //             '2024-01-18',
  //             '2024-01-19',
  //             '2024-01-20',
  //             '2024-01-21'
  //           ],
  //           sortIndex: 0,
  //           lockStatisticsByDomain: true
  //         },
  //         '240104172731201': {
  //           alias: '新会员次月留存率'
  //         },
  //         '240104172731204': {
  //           alias: '老会员次月留存率'
  //         },
  //         '240114152033385': {
  //           alias: 'MAU新会员转化率'
  //         },
  //         '240114152033388': {
  //           alias: 'MAU召回会员转化率'
  //         }
  //       }
  //     }
  //   ],
  //   axes: [
  //     {
  //       type: 'band',
  //       tick: {
  //         visible: false
  //       },

  //       orient: 'bottom',
  //       visible: true,
  //       domainLine: {
  //         visible: true,
  //         style: {
  //           lineWidth: 1,
  //           stroke: '#989999'
  //         }
  //       },
  //       title: {
  //         visible: false,
  //         space: 0,
  //         text: '数据日期',
  //         style: {
  //           fontSize: 1,
  //           fill: '#363839',
  //           fontWeight: 'normal'
  //         }
  //       },
  //       autoIndent: false,
  //       sampling: false,
  //       zIndex: 200,
  //       label: {
  //         visible: true,
  //         space: 15,
  //         style: {
  //           fontSize: 12,
  //           fill: '#6F6F6F',
  //           angle: 0,
  //           fontWeight: 'normal',
  //           direction: 'horizontal',
  //           maxLineWidth: 174
  //         },
  //         autoHide: true,
  //         autoHideMethod: 'greedy',
  //         flush: true,
  //         lastVisible: true
  //       },
  //       hover: true,
  //       background: {
  //         visible: true,
  //         state: {
  //           hover: {
  //             fillOpacity: 0.08,
  //             fill: '#141414'
  //           },
  //           hover_reverse: {
  //             fillOpacity: 0.08,
  //             fill: '#141414'
  //           }
  //         }
  //       },
  //       paddingInner: [0.15, 0.1],
  //       paddingOuter: [0.075, 0.1]
  //     }
  //   ],
  //   legends: [
  //     {
  //       type: 'discrete',
  //       visible: false
  //     }
  //   ],
  //   records: {
  //     '0': [
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.002298293736295464',
  //         '240103151324273': '2024-01-01',
  //         '240114152033385': '0.002298293736295464'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0023029631491047415',
  //         '240103151324273': '2024-01-02',
  //         '240114152033385': '0.0023029631491047415'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.002302147170512614',
  //         '240103151324273': '2024-01-03',
  //         '240114152033385': '0.002302147170512614'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.002298785339930673',
  //         '240103151324273': '2024-01-04',
  //         '240114152033385': '0.002298785339930673'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022937589477976207',
  //         '240103151324273': '2024-01-05',
  //         '240114152033385': '0.0022937589477976207'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.002286768611236427',
  //         '240103151324273': '2024-01-06',
  //         '240114152033385': '0.002286768611236427'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.00228186287626165',
  //         '240103151324273': '2024-01-07',
  //         '240114152033385': '0.00228186287626165'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.00228098978895828',
  //         '240103151324273': '2024-01-08',
  //         '240114152033385': '0.00228098978895828'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022770077676922827',
  //         '240103151324273': '2024-01-09',
  //         '240114152033385': '0.0022770077676922827'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.002272426566624512',
  //         '240103151324273': '2024-01-10',
  //         '240114152033385': '0.002272426566624512'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.00227248281619085',
  //         '240103151324273': '2024-01-11',
  //         '240114152033385': '0.00227248281619085'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022675403408664307',
  //         '240103151324273': '2024-01-12',
  //         '240114152033385': '0.0022675403408664307'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022582848077943164',
  //         '240103151324273': '2024-01-13',
  //         '240114152033385': '0.0022582848077943164'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.00224960750371724',
  //         '240103151324273': '2024-01-14',
  //         '240114152033385': '0.00224960750371724'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022519812946625345',
  //         '240103151324273': '2024-01-15',
  //         '240114152033385': '0.0022519812946625345'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022569000669138144',
  //         '240103151324273': '2024-01-16',
  //         '240114152033385': '0.0022569000669138144'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022591102540714197',
  //         '240103151324273': '2024-01-17',
  //         '240114152033385': '0.0022591102540714197'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022742003131701097',
  //         '240103151324273': '2024-01-18',
  //         '240114152033385': '0.0022742003131701097'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022836958382948624',
  //         '240103151324273': '2024-01-19',
  //         '240114152033385': '0.0022836958382948624'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022876192993865714',
  //         '240103151324273': '2024-01-20',
  //         '240114152033385': '0.0022876192993865714'
  //       },
  //       {
  //         '10001': 'MAU新会员转化率',
  //         '10003': '240114152033385',
  //         '20001': 'MAU新会员转化率',
  //         '010002': '0.0022888090382742142',
  //         '240103151324273': '2024-01-21',
  //         '240114152033385': '0.0022888090382742142'
  //       }
  //     ],
  //     '1': [
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008121744616237642',
  //         '240103151324273': '2024-01-01',
  //         '240114152033388': '0.0008121744616237642'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008070672072548594',
  //         '240103151324273': '2024-01-02',
  //         '240114152033388': '0.0008070672072548594'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008023629702409944',
  //         '240103151324273': '2024-01-03',
  //         '240114152033388': '0.0008023629702409944'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008046114359005983',
  //         '240103151324273': '2024-01-04',
  //         '240114152033388': '0.0008046114359005983'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008037968540141206',
  //         '240103151324273': '2024-01-05',
  //         '240114152033388': '0.0008037968540141206'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008164748521489349',
  //         '240103151324273': '2024-01-06',
  //         '240114152033388': '0.0008164748521489349'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008082704688049527',
  //         '240103151324273': '2024-01-07',
  //         '240114152033388': '0.0008082704688049527'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008072581329952039',
  //         '240103151324273': '2024-01-08',
  //         '240114152033388': '0.0008072581329952039'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008067492359218758',
  //         '240103151324273': '2024-01-09',
  //         '240114152033388': '0.0008067492359218758'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008006904274883237',
  //         '240103151324273': '2024-01-10',
  //         '240114152033388': '0.0008006904274883237'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008041817967195804',
  //         '240103151324273': '2024-01-11',
  //         '240114152033388': '0.0008041817967195804'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008065451122881741',
  //         '240103151324273': '2024-01-12',
  //         '240114152033388': '0.0008065451122881741'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008045452183187166',
  //         '240103151324273': '2024-01-13',
  //         '240114152033388': '0.0008045452183187166'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008034595372288693',
  //         '240103151324273': '2024-01-14',
  //         '240114152033388': '0.0008034595372288693'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.000806365157768805',
  //         '240103151324273': '2024-01-15',
  //         '240114152033388': '0.000806365157768805'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008101232626764969',
  //         '240103151324273': '2024-01-16',
  //         '240114152033388': '0.0008101232626764969'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008089185575592793',
  //         '240103151324273': '2024-01-17',
  //         '240114152033388': '0.0008089185575592793'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008161604003895822',
  //         '240103151324273': '2024-01-18',
  //         '240114152033388': '0.0008161604003895822'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008217670532066235',
  //         '240103151324273': '2024-01-19',
  //         '240114152033388': '0.0008217670532066235'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.000825533215341078',
  //         '240103151324273': '2024-01-20',
  //         '240114152033388': '0.000825533215341078'
  //       },
  //       {
  //         '10001': 'MAU召回会员转化率',
  //         '10003': '240114152033388',
  //         '20001': 'MAU召回会员转化率',
  //         '110002': '0.0008315640756712879',
  //         '240103151324273': '2024-01-21',
  //         '240114152033388': '0.0008315640756712879'
  //       }
  //     ],
  //     '2': [
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5181159015941292',
  //         '240103151324273': '2024-01-01',
  //         '240104172731201': '0.5181159015941292'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5165234803594506',
  //         '240103151324273': '2024-01-02',
  //         '240104172731201': '0.5165234803594506'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.517116236622636',
  //         '240103151324273': '2024-01-03',
  //         '240104172731201': '0.517116236622636'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5173991688612802',
  //         '240103151324273': '2024-01-04',
  //         '240104172731201': '0.5173991688612802'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5171419726661036',
  //         '240103151324273': '2024-01-05',
  //         '240104172731201': '0.5171419726661036'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5162722935024562',
  //         '240103151324273': '2024-01-06',
  //         '240104172731201': '0.5162722935024562'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5153710487878603',
  //         '240103151324273': '2024-01-07',
  //         '240104172731201': '0.5153710487878603'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5146704075478861',
  //         '240103151324273': '2024-01-08',
  //         '240104172731201': '0.5146704075478861'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5124717293301558',
  //         '240103151324273': '2024-01-09',
  //         '240104172731201': '0.5124717293301558'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5124242383215318',
  //         '240103151324273': '2024-01-10',
  //         '240104172731201': '0.5124242383215318'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5141192166565074',
  //         '240103151324273': '2024-01-11',
  //         '240104172731201': '0.5141192166565074'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5137010998937498',
  //         '240103151324273': '2024-01-12',
  //         '240104172731201': '0.5137010998937498'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5125814246497741',
  //         '240103151324273': '2024-01-13',
  //         '240104172731201': '0.5125814246497741'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5134094679820241',
  //         '240103151324273': '2024-01-14',
  //         '240104172731201': '0.5134094679820241'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5140303942386522',
  //         '240103151324273': '2024-01-15',
  //         '240104172731201': '0.5140303942386522'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5139058416705014',
  //         '240103151324273': '2024-01-16',
  //         '240104172731201': '0.5139058416705014'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5140982584441186',
  //         '240103151324273': '2024-01-17',
  //         '240104172731201': '0.5140982584441186'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5157212566213728',
  //         '240103151324273': '2024-01-18',
  //         '240104172731201': '0.5157212566213728'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5163415849199327',
  //         '240103151324273': '2024-01-19',
  //         '240104172731201': '0.5163415849199327'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.5160313233064864',
  //         '240103151324273': '2024-01-20',
  //         '240104172731201': '0.5160313233064864'
  //       },
  //       {
  //         '10001': '新会员次月留存率',
  //         '10003': '240104172731201',
  //         '20001': '新会员次月留存率',
  //         '210002': '0.520981976426155',
  //         '240103151324273': '2024-01-21',
  //         '240104172731201': '0.520981976426155'
  //       }
  //     ],
  //     '3': [
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8491549586706896',
  //         '240103151324273': '2024-01-01',
  //         '240104172731204': '0.8491549586706896'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8499997187905293',
  //         '240103151324273': '2024-01-02',
  //         '240104172731204': '0.8499997187905293'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8509766143006294',
  //         '240103151324273': '2024-01-03',
  //         '240104172731204': '0.8509766143006294'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8514465927149396',
  //         '240103151324273': '2024-01-04',
  //         '240104172731204': '0.8514465927149396'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8502155378356793',
  //         '240103151324273': '2024-01-05',
  //         '240104172731204': '0.8502155378356793'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8483876156579856',
  //         '240103151324273': '2024-01-06',
  //         '240104172731204': '0.8483876156579856'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8442672459235311',
  //         '240103151324273': '2024-01-07',
  //         '240104172731204': '0.8442672459235311'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8443919719743964',
  //         '240103151324273': '2024-01-08',
  //         '240104172731204': '0.8443919719743964'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8443656276524998',
  //         '240103151324273': '2024-01-09',
  //         '240104172731204': '0.8443656276524998'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8437409090061698',
  //         '240103151324273': '2024-01-10',
  //         '240104172731204': '0.8437409090061698'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8437886614966147',
  //         '240103151324273': '2024-01-11',
  //         '240104172731204': '0.8437886614966147'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.842972628392426',
  //         '240103151324273': '2024-01-12',
  //         '240104172731204': '0.842972628392426'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8421928806264737',
  //         '240103151324273': '2024-01-13',
  //         '240104172731204': '0.8421928806264737'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8416655433248755',
  //         '240103151324273': '2024-01-14',
  //         '240104172731204': '0.8416655433248755'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8419187546304148',
  //         '240103151324273': '2024-01-15',
  //         '240104172731204': '0.8419187546304148'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8425690557330622',
  //         '240103151324273': '2024-01-16',
  //         '240104172731204': '0.8425690557330622'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8422944267871347',
  //         '240103151324273': '2024-01-17',
  //         '240104172731204': '0.8422944267871347'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8423059386239165',
  //         '240103151324273': '2024-01-18',
  //         '240104172731204': '0.8423059386239165'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8417265960871636',
  //         '240103151324273': '2024-01-19',
  //         '240104172731204': '0.8417265960871636'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8405277901126161',
  //         '240103151324273': '2024-01-20',
  //         '240104172731204': '0.8405277901126161'
  //       },
  //       {
  //         '10001': '老会员次月留存率',
  //         '10003': '240104172731204',
  //         '20001': '老会员次月留存率',
  //         '310002': '0.8368696884527291',
  //         '240103151324273': '2024-01-21',
  //         '240104172731204': '0.8368696884527291'
  //       }
  //     ]
  //   },
  //   indicatorsAsCol: false,
  //   indicators: [
  //     {
  //       indicatorKey: '0',
  //       width: 'auto',
  //       title: '',
  //       cellType: 'chart',
  //       chartModule: 'vchart',
  //       chartSpec: {
  //         type: 'line',
  //         xField: ['240103151324273'],
  //         yField: ['010002'],
  //         direction: 'vertical',
  //         seriesField: '20001',
  //         axes: [
  //           {
  //             id: '0',
  //             type: 'linear',
  //             tick: {
  //               visible: false,
  //               tickMode: 'd3',
  //               style: {
  //                 stroke: '#989999'
  //               }
  //             },
  //             niceType: 'accurateFirst',
  //             zIndex: 200,
  //             grid: {
  //               visible: true,
  //               style: {
  //                 zIndex: 150,
  //                 stroke: '#DADCDD',
  //                 lineWidth: 1,
  //                 lineDash: [4, 2]
  //               }
  //             },
  //             orient: 'left',
  //             visible: true,
  //             domainLine: {
  //               visible: true,
  //               style: {
  //                 lineWidth: 1,
  //                 stroke: '#989999'
  //               }
  //             },
  //             title: {
  //               visible: false,
  //               text: 'MAU新会员转化率',
  //               space: 8,
  //               style: {
  //                 fontSize: 12,
  //                 fill: '#363839',
  //                 fontWeight: 'normal'
  //               }
  //             },
  //             autoIndent: false,
  //             sampling: false,
  //             label: {
  //               visible: true,
  //               space: 6,
  //               flush: true,
  //               padding: 0,
  //               style: {
  //                 fontSize: 12,
  //                 maxLineWidth: 174,
  //                 fill: '#6F6F6F',
  //                 angle: 0,
  //                 fontWeight: 'normal',
  //                 dy: -1,
  //                 direction: 'horizontal'
  //               },
  //               autoHide: true,
  //               autoHideMethod: 'greedy'
  //             },
  //             hover: false,
  //             background: {
  //               visible: true,
  //               state: {
  //                 hover: {
  //                   fillOpacity: 0.08,
  //                   fill: '#141414'
  //                 },
  //                 hover_reverse: {
  //                   fillOpacity: 0.08,
  //                   fill: '#141414'
  //                 }
  //               }
  //             },
  //             zero: false,
  //             nice: true
  //           }
  //         ],
  //         data: {
  //           id: 'data',
  //           fields: {
  //             '10001': {
  //               alias: '指标名称 '
  //             },
  //             '20001': {
  //               alias: '图例项 ',
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'],
  //               sortIndex: 0,
  //               lockStatisticsByDomain: true
  //             },
  //             '110002': {
  //               alias: '指标值 '
  //             },
  //             '210002': {
  //               alias: '指标值 '
  //             },
  //             '310002': {
  //               alias: '指标值 '
  //             },
  //             '010002': {
  //               alias: '指标值 '
  //             },
  //             '240103151324273': {
  //               alias: '数据日期',
  //               domain: [
  //                 '2024-01-01',
  //                 '2024-01-02',
  //                 '2024-01-03',
  //                 '2024-01-04',
  //                 '2024-01-05',
  //                 '2024-01-06',
  //                 '2024-01-07',
  //                 '2024-01-08',
  //                 '2024-01-09',
  //                 '2024-01-10',
  //                 '2024-01-11',
  //                 '2024-01-12',
  //                 '2024-01-13',
  //                 '2024-01-14',
  //                 '2024-01-15',
  //                 '2024-01-16',
  //                 '2024-01-17',
  //                 '2024-01-18',
  //                 '2024-01-19',
  //                 '2024-01-20',
  //                 '2024-01-21'
  //               ],
  //               sortIndex: 0,
  //               lockStatisticsByDomain: true
  //             },
  //             '240104172731201': {
  //               alias: '新会员次月留存率'
  //             },
  //             '240104172731204': {
  //               alias: '老会员次月留存率'
  //             },
  //             '240114152033385': {
  //               alias: 'MAU新会员转化率'
  //             },
  //             '240114152033388': {
  //               alias: 'MAU召回会员转化率'
  //             }
  //           }
  //         },
  //         markOverlap: true,
  //         stackInverse: true,
  //         background: 'rgba(255, 255, 255, 0)',
  //         region: [
  //           {
  //             clip: true
  //           }
  //         ],
  //         color: {
  //           field: '20001',
  //           type: 'ordinal',
  //           range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'],
  //           specified: {},
  //           domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //         },
  //         tooltip: {
  //           handler: {}
  //         },
  //         crosshair: {
  //           xField: {
  //             visible: true,
  //             line: {
  //               type: 'rect',
  //               style: {
  //                 fillOpacity: 0.2,
  //                 fill: '#b2bacf'
  //               }
  //             }
  //           },
  //           gridZIndex: 100
  //         },
  //         line: {
  //           style: {
  //             curveType: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['monotoneX'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             lineWidth: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [2],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             lineDash: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [[0, 0]],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           }
  //         },
  //         area: {
  //           style: {
  //             curveType: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['monotoneX'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           }
  //         },
  //         point: {
  //           style: {
  //             shape: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['circle'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             size: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [7.0898154036220635],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             fill: 'white',
  //             stroke: {
  //               field: '20001',
  //               type: 'ordinal',
  //               range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'],
  //               specified: {},
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             strokeOpacity: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [0],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             fillOpacity: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [0],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           },
  //           state: {
  //             hover: {
  //               lineWidth: 2,
  //               fillOpacity: 1,
  //               strokeOpacity: 1,
  //               scaleX: 1.5,
  //               scaleY: 1.5
  //             }
  //           }
  //         },
  //         invalidType: 'break',
  //         hover: {
  //           enable: true
  //         },
  //         select: {
  //           enable: true
  //         },
  //         bar: {
  //           state: {
  //             hover: {
  //               cursor: 'pointer',
  //               fillOpacity: 0.8,
  //               stroke: '#58595B',
  //               lineWidth: 1,
  //               zIndex: 500
  //             },
  //             selected: {
  //               cursor: 'pointer',
  //               fillOpacity: 1,
  //               stroke: '#58595B',
  //               lineWidth: 1
  //             },
  //             selected_reverse: {
  //               fillOpacity: 0.3,
  //               strokeWidth: 0.3
  //             }
  //           }
  //         },
  //         animation: false,
  //         label: {
  //           visible: true,
  //           offset: 3,
  //           overlap: {
  //             hideOnHit: true,
  //             avoidBaseMark: false,
  //             strategy: [
  //               {
  //                 type: 'position',
  //                 position: []
  //               }
  //             ],
  //             clampForce: true
  //           },
  //           style: {
  //             fontSize: 12,
  //             fontWeight: 'normal',
  //             zIndex: 400,
  //             lineHeight: '100%',
  //             fill: '#363839',
  //             stroke: 'rgba(255, 255, 255, 0.8)',
  //             lineWidth: 2,
  //             strokeOpacity: 1
  //           },
  //           position: 'top',
  //           smartInvert: false
  //         },
  //         markLine: []
  //       }
  //     },
  //     {
  //       indicatorKey: '1',
  //       width: 'auto',
  //       title: '',
  //       cellType: 'chart',
  //       chartModule: 'vchart',
  //       chartSpec: {
  //         type: 'line',
  //         xField: ['240103151324273'],
  //         yField: ['110002'],
  //         direction: 'vertical',
  //         seriesField: '20001',
  //         axes: [
  //           {
  //             id: '1',
  //             type: 'linear',
  //             tick: {
  //               visible: false,
  //               tickMode: 'd3',
  //               style: {
  //                 stroke: '#989999'
  //               }
  //             },
  //             niceType: 'accurateFirst',
  //             zIndex: 200,
  //             grid: {
  //               visible: true,
  //               style: {
  //                 zIndex: 150,
  //                 stroke: '#DADCDD',
  //                 lineWidth: 1,
  //                 lineDash: [4, 2]
  //               }
  //             },
  //             orient: 'left',
  //             visible: true,
  //             domainLine: {
  //               visible: true,
  //               style: {
  //                 lineWidth: 1,
  //                 stroke: '#989999'
  //               }
  //             },
  //             title: {
  //               visible: false,
  //               text: 'MAU召回会员转化率',
  //               space: 8,
  //               style: {
  //                 fontSize: 12,
  //                 fill: '#363839',
  //                 fontWeight: 'normal'
  //               }
  //             },
  //             autoIndent: false,
  //             sampling: false,
  //             label: {
  //               visible: true,
  //               space: 6,
  //               flush: true,
  //               padding: 0,
  //               style: {
  //                 fontSize: 12,
  //                 maxLineWidth: 174,
  //                 fill: '#6F6F6F',
  //                 angle: 0,
  //                 fontWeight: 'normal',
  //                 dy: -1,
  //                 direction: 'horizontal'
  //               },
  //               autoHide: true,
  //               autoHideMethod: 'greedy'
  //             },
  //             hover: false,
  //             background: {
  //               visible: true,
  //               state: {
  //                 hover: {
  //                   fillOpacity: 0.08,
  //                   fill: '#141414'
  //                 },
  //                 hover_reverse: {
  //                   fillOpacity: 0.08,
  //                   fill: '#141414'
  //                 }
  //               }
  //             },
  //             zero: false,
  //             nice: true
  //           }
  //         ],
  //         data: {
  //           id: 'data',
  //           fields: {
  //             '10001': {
  //               alias: '指标名称 '
  //             },
  //             '20001': {
  //               alias: '图例项 ',
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'],
  //               sortIndex: 0,
  //               lockStatisticsByDomain: true
  //             },
  //             '110002': {
  //               alias: '指标值 '
  //             },
  //             '210002': {
  //               alias: '指标值 '
  //             },
  //             '310002': {
  //               alias: '指标值 '
  //             },
  //             '010002': {
  //               alias: '指标值 '
  //             },
  //             '240103151324273': {
  //               alias: '数据日期',
  //               domain: [
  //                 '2024-01-01',
  //                 '2024-01-02',
  //                 '2024-01-03',
  //                 '2024-01-04',
  //                 '2024-01-05',
  //                 '2024-01-06',
  //                 '2024-01-07',
  //                 '2024-01-08',
  //                 '2024-01-09',
  //                 '2024-01-10',
  //                 '2024-01-11',
  //                 '2024-01-12',
  //                 '2024-01-13',
  //                 '2024-01-14',
  //                 '2024-01-15',
  //                 '2024-01-16',
  //                 '2024-01-17',
  //                 '2024-01-18',
  //                 '2024-01-19',
  //                 '2024-01-20',
  //                 '2024-01-21'
  //               ],
  //               sortIndex: 0,
  //               lockStatisticsByDomain: true
  //             },
  //             '240104172731201': {
  //               alias: '新会员次月留存率'
  //             },
  //             '240104172731204': {
  //               alias: '老会员次月留存率'
  //             },
  //             '240114152033385': {
  //               alias: 'MAU新会员转化率'
  //             },
  //             '240114152033388': {
  //               alias: 'MAU召回会员转化率'
  //             }
  //           }
  //         },
  //         markOverlap: true,
  //         stackInverse: true,
  //         background: 'rgba(255, 255, 255, 0)',
  //         region: [
  //           {
  //             clip: true
  //           }
  //         ],
  //         color: {
  //           field: '20001',
  //           type: 'ordinal',
  //           range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'],
  //           specified: {},
  //           domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //         },
  //         tooltip: {
  //           handler: {}
  //         },
  //         crosshair: {
  //           xField: {
  //             visible: true,
  //             line: {
  //               type: 'rect',
  //               style: {
  //                 fillOpacity: 0.2,
  //                 fill: '#b2bacf'
  //               }
  //             }
  //           },
  //           gridZIndex: 100
  //         },
  //         line: {
  //           style: {
  //             curveType: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['monotoneX'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             lineWidth: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [2],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             lineDash: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [[0, 0]],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           }
  //         },
  //         area: {
  //           style: {
  //             curveType: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['monotoneX'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           }
  //         },
  //         point: {
  //           style: {
  //             shape: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['circle'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             size: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [7.0898154036220635],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             fill: 'white',
  //             stroke: {
  //               field: '20001',
  //               type: 'ordinal',
  //               range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'],
  //               specified: {},
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             strokeOpacity: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [0],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             fillOpacity: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [0],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           },
  //           state: {
  //             hover: {
  //               lineWidth: 2,
  //               fillOpacity: 1,
  //               strokeOpacity: 1,
  //               scaleX: 1.5,
  //               scaleY: 1.5
  //             }
  //           }
  //         },
  //         invalidType: 'break',
  //         hover: {
  //           enable: true
  //         },
  //         select: {
  //           enable: true
  //         },
  //         bar: {
  //           state: {
  //             hover: {
  //               cursor: 'pointer',
  //               fillOpacity: 0.8,
  //               stroke: '#58595B',
  //               lineWidth: 1,
  //               zIndex: 500
  //             },
  //             selected: {
  //               cursor: 'pointer',
  //               fillOpacity: 1,
  //               stroke: '#58595B',
  //               lineWidth: 1
  //             },
  //             selected_reverse: {
  //               fillOpacity: 0.3,
  //               strokeWidth: 0.3
  //             }
  //           }
  //         },
  //         animation: false,
  //         label: {
  //           visible: true,
  //           offset: 3,
  //           overlap: {
  //             hideOnHit: true,
  //             avoidBaseMark: false,
  //             strategy: [
  //               {
  //                 type: 'position',
  //                 position: []
  //               }
  //             ],
  //             clampForce: true
  //           },
  //           style: {
  //             fontSize: 12,
  //             fontWeight: 'normal',
  //             zIndex: 400,
  //             lineHeight: '100%',
  //             fill: '#363839',
  //             stroke: 'rgba(255, 255, 255, 0.8)',
  //             lineWidth: 2,
  //             strokeOpacity: 1
  //           },
  //           position: 'top',
  //           smartInvert: false
  //         },
  //         markLine: []
  //       }
  //     },
  //     {
  //       indicatorKey: '2',
  //       width: 'auto',
  //       title: '',
  //       cellType: 'chart',
  //       chartModule: 'vchart',
  //       chartSpec: {
  //         type: 'line',
  //         xField: ['240103151324273'],
  //         yField: ['210002'],
  //         direction: 'vertical',
  //         seriesField: '20001',
  //         axes: [
  //           {
  //             id: '2',
  //             type: 'linear',
  //             tick: {
  //               visible: false,
  //               tickMode: 'd3',
  //               style: {
  //                 stroke: '#989999'
  //               }
  //             },
  //             niceType: 'accurateFirst',
  //             zIndex: 200,
  //             grid: {
  //               visible: true,
  //               style: {
  //                 zIndex: 150,
  //                 stroke: '#DADCDD',
  //                 lineWidth: 1,
  //                 lineDash: [4, 2]
  //               }
  //             },
  //             orient: 'left',
  //             visible: true,
  //             domainLine: {
  //               visible: true,
  //               style: {
  //                 lineWidth: 1,
  //                 stroke: '#989999'
  //               }
  //             },
  //             title: {
  //               visible: false,
  //               text: '新会员次月留存率',
  //               space: 8,
  //               style: {
  //                 fontSize: 12,
  //                 fill: '#363839',
  //                 fontWeight: 'normal'
  //               }
  //             },
  //             autoIndent: false,
  //             sampling: false,
  //             label: {
  //               visible: true,
  //               space: 6,
  //               flush: true,
  //               padding: 0,
  //               style: {
  //                 fontSize: 12,
  //                 maxLineWidth: 174,
  //                 fill: '#6F6F6F',
  //                 angle: 0,
  //                 fontWeight: 'normal',
  //                 dy: -1,
  //                 direction: 'horizontal'
  //               },
  //               autoHide: true,
  //               autoHideMethod: 'greedy'
  //             },
  //             hover: false,
  //             background: {
  //               visible: true,
  //               state: {
  //                 hover: {
  //                   fillOpacity: 0.08,
  //                   fill: '#141414'
  //                 },
  //                 hover_reverse: {
  //                   fillOpacity: 0.08,
  //                   fill: '#141414'
  //                 }
  //               }
  //             },
  //             zero: false,
  //             nice: true
  //           }
  //         ],
  //         data: {
  //           id: 'data',
  //           fields: {
  //             '10001': {
  //               alias: '指标名称 '
  //             },
  //             '20001': {
  //               alias: '图例项 ',
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'],
  //               sortIndex: 0,
  //               lockStatisticsByDomain: true
  //             },
  //             '110002': {
  //               alias: '指标值 '
  //             },
  //             '210002': {
  //               alias: '指标值 '
  //             },
  //             '310002': {
  //               alias: '指标值 '
  //             },
  //             '010002': {
  //               alias: '指标值 '
  //             },
  //             '240103151324273': {
  //               alias: '数据日期',
  //               domain: [
  //                 '2024-01-01',
  //                 '2024-01-02',
  //                 '2024-01-03',
  //                 '2024-01-04',
  //                 '2024-01-05',
  //                 '2024-01-06',
  //                 '2024-01-07',
  //                 '2024-01-08',
  //                 '2024-01-09',
  //                 '2024-01-10',
  //                 '2024-01-11',
  //                 '2024-01-12',
  //                 '2024-01-13',
  //                 '2024-01-14',
  //                 '2024-01-15',
  //                 '2024-01-16',
  //                 '2024-01-17',
  //                 '2024-01-18',
  //                 '2024-01-19',
  //                 '2024-01-20',
  //                 '2024-01-21'
  //               ],
  //               sortIndex: 0,
  //               lockStatisticsByDomain: true
  //             },
  //             '240104172731201': {
  //               alias: '新会员次月留存率'
  //             },
  //             '240104172731204': {
  //               alias: '老会员次月留存率'
  //             },
  //             '240114152033385': {
  //               alias: 'MAU新会员转化率'
  //             },
  //             '240114152033388': {
  //               alias: 'MAU召回会员转化率'
  //             }
  //           }
  //         },
  //         markOverlap: true,
  //         stackInverse: true,
  //         background: 'rgba(255, 255, 255, 0)',
  //         region: [
  //           {
  //             clip: true
  //           }
  //         ],
  //         color: {
  //           field: '20001',
  //           type: 'ordinal',
  //           range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'],
  //           specified: {},
  //           domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //         },
  //         tooltip: {
  //           handler: {}
  //         },
  //         crosshair: {
  //           xField: {
  //             visible: true,
  //             line: {
  //               type: 'rect',
  //               style: {
  //                 fillOpacity: 0.2,
  //                 fill: '#b2bacf'
  //               }
  //             }
  //           },
  //           gridZIndex: 100
  //         },
  //         line: {
  //           style: {
  //             curveType: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['monotoneX'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             lineWidth: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [2],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             lineDash: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [[0, 0]],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           }
  //         },
  //         area: {
  //           style: {
  //             curveType: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['monotoneX'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           }
  //         },
  //         point: {
  //           style: {
  //             shape: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['circle'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             size: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [7.0898154036220635],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             fill: 'white',
  //             stroke: {
  //               field: '20001',
  //               type: 'ordinal',
  //               range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'],
  //               specified: {},
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             strokeOpacity: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [0],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             fillOpacity: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [0],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           },
  //           state: {
  //             hover: {
  //               lineWidth: 2,
  //               fillOpacity: 1,
  //               strokeOpacity: 1,
  //               scaleX: 1.5,
  //               scaleY: 1.5
  //             }
  //           }
  //         },
  //         invalidType: 'break',
  //         hover: {
  //           enable: true
  //         },
  //         select: {
  //           enable: true
  //         },
  //         bar: {
  //           state: {
  //             hover: {
  //               cursor: 'pointer',
  //               fillOpacity: 0.8,
  //               stroke: '#58595B',
  //               lineWidth: 1,
  //               zIndex: 500
  //             },
  //             selected: {
  //               cursor: 'pointer',
  //               fillOpacity: 1,
  //               stroke: '#58595B',
  //               lineWidth: 1
  //             },
  //             selected_reverse: {
  //               fillOpacity: 0.3,
  //               strokeWidth: 0.3
  //             }
  //           }
  //         },
  //         animation: false,
  //         label: {
  //           visible: true,
  //           offset: 3,
  //           overlap: {
  //             hideOnHit: true,
  //             avoidBaseMark: false,
  //             strategy: [
  //               {
  //                 type: 'position',
  //                 position: []
  //               }
  //             ],
  //             clampForce: true
  //           },
  //           style: {
  //             fontSize: 12,
  //             fontWeight: 'normal',
  //             zIndex: 400,
  //             lineHeight: '100%',
  //             fill: '#363839',
  //             stroke: 'rgba(255, 255, 255, 0.8)',
  //             lineWidth: 2,
  //             strokeOpacity: 1
  //           },
  //           position: 'top',
  //           smartInvert: false
  //         },
  //         markLine: []
  //       }
  //     },
  //     {
  //       indicatorKey: '3',
  //       width: 'auto',
  //       title: '',
  //       cellType: 'chart',
  //       chartModule: 'vchart',
  //       chartSpec: {
  //         type: 'line',
  //         xField: ['240103151324273'],
  //         yField: ['310002'],
  //         direction: 'vertical',
  //         seriesField: '20001',
  //         axes: [
  //           {
  //             id: '3',
  //             type: 'linear',
  //             tick: {
  //               visible: false,
  //               tickMode: 'd3',
  //               style: {
  //                 stroke: '#989999'
  //               }
  //             },
  //             niceType: 'accurateFirst',
  //             zIndex: 200,
  //             grid: {
  //               visible: true,
  //               style: {
  //                 zIndex: 150,
  //                 stroke: '#DADCDD',
  //                 lineWidth: 1,
  //                 lineDash: [4, 2]
  //               }
  //             },
  //             orient: 'left',
  //             visible: true,
  //             domainLine: {
  //               visible: true,
  //               style: {
  //                 lineWidth: 1,
  //                 stroke: '#989999'
  //               }
  //             },
  //             title: {
  //               visible: false,
  //               text: '老会员次月留存率',
  //               space: 8,
  //               style: {
  //                 fontSize: 12,
  //                 fill: '#363839',
  //                 fontWeight: 'normal'
  //               }
  //             },
  //             autoIndent: false,
  //             sampling: false,
  //             label: {
  //               visible: true,
  //               space: 6,
  //               flush: true,
  //               padding: 0,
  //               style: {
  //                 fontSize: 12,
  //                 maxLineWidth: 174,
  //                 fill: '#6F6F6F',
  //                 angle: 0,
  //                 fontWeight: 'normal',
  //                 dy: -1,
  //                 direction: 'horizontal'
  //               },
  //               autoHide: true,
  //               autoHideMethod: 'greedy'
  //             },
  //             hover: false,
  //             background: {
  //               visible: true,
  //               state: {
  //                 hover: {
  //                   fillOpacity: 0.08,
  //                   fill: '#141414'
  //                 },
  //                 hover_reverse: {
  //                   fillOpacity: 0.08,
  //                   fill: '#141414'
  //                 }
  //               }
  //             },
  //             zero: false,
  //             nice: true
  //           }
  //         ],
  //         data: {
  //           id: 'data',
  //           fields: {
  //             '10001': {
  //               alias: '指标名称 '
  //             },
  //             '20001': {
  //               alias: '图例项 ',
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'],
  //               sortIndex: 0,
  //               lockStatisticsByDomain: true
  //             },
  //             '110002': {
  //               alias: '指标值 '
  //             },
  //             '210002': {
  //               alias: '指标值 '
  //             },
  //             '310002': {
  //               alias: '指标值 '
  //             },
  //             '010002': {
  //               alias: '指标值 '
  //             },
  //             '240103151324273': {
  //               alias: '数据日期',
  //               domain: [
  //                 '2024-01-01',
  //                 '2024-01-02',
  //                 '2024-01-03',
  //                 '2024-01-04',
  //                 '2024-01-05',
  //                 '2024-01-06',
  //                 '2024-01-07',
  //                 '2024-01-08',
  //                 '2024-01-09',
  //                 '2024-01-10',
  //                 '2024-01-11',
  //                 '2024-01-12',
  //                 '2024-01-13',
  //                 '2024-01-14',
  //                 '2024-01-15',
  //                 '2024-01-16',
  //                 '2024-01-17',
  //                 '2024-01-18',
  //                 '2024-01-19',
  //                 '2024-01-20',
  //                 '2024-01-21'
  //               ],
  //               sortIndex: 0,
  //               lockStatisticsByDomain: true
  //             },
  //             '240104172731201': {
  //               alias: '新会员次月留存率'
  //             },
  //             '240104172731204': {
  //               alias: '老会员次月留存率'
  //             },
  //             '240114152033385': {
  //               alias: 'MAU新会员转化率'
  //             },
  //             '240114152033388': {
  //               alias: 'MAU召回会员转化率'
  //             }
  //           }
  //         },
  //         markOverlap: true,
  //         stackInverse: true,
  //         background: 'rgba(255, 255, 255, 0)',
  //         region: [
  //           {
  //             clip: true
  //           }
  //         ],
  //         color: {
  //           field: '20001',
  //           type: 'ordinal',
  //           range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'],
  //           specified: {},
  //           domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //         },
  //         tooltip: {
  //           handler: {}
  //         },
  //         crosshair: {
  //           xField: {
  //             visible: true,
  //             line: {
  //               type: 'rect',
  //               style: {
  //                 fillOpacity: 0.2,
  //                 fill: '#b2bacf'
  //               }
  //             }
  //           },
  //           gridZIndex: 100
  //         },
  //         line: {
  //           style: {
  //             curveType: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['monotoneX'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             lineWidth: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [2],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             lineDash: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [[0, 0]],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           }
  //         },
  //         area: {
  //           style: {
  //             curveType: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['monotoneX'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           }
  //         },
  //         point: {
  //           style: {
  //             shape: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: ['circle'],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             size: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [7.0898154036220635],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             fill: 'white',
  //             stroke: {
  //               field: '20001',
  //               type: 'ordinal',
  //               range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'],
  //               specified: {},
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             strokeOpacity: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [0],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             },
  //             fillOpacity: {
  //               type: 'ordinal',
  //               field: '20001',
  //               range: [0],
  //               domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率']
  //             }
  //           },
  //           state: {
  //             hover: {
  //               lineWidth: 2,
  //               fillOpacity: 1,
  //               strokeOpacity: 1,
  //               scaleX: 1.5,
  //               scaleY: 1.5
  //             }
  //           }
  //         },
  //         invalidType: 'break',
  //         hover: {
  //           enable: true
  //         },
  //         select: {
  //           enable: true
  //         },
  //         bar: {
  //           state: {
  //             hover: {
  //               cursor: 'pointer',
  //               fillOpacity: 0.8,
  //               stroke: '#58595B',
  //               lineWidth: 1,
  //               zIndex: 500
  //             },
  //             selected: {
  //               cursor: 'pointer',
  //               fillOpacity: 1,
  //               stroke: '#58595B',
  //               lineWidth: 1
  //             },
  //             selected_reverse: {
  //               fillOpacity: 0.3,
  //               strokeWidth: 0.3
  //             }
  //           }
  //         },
  //         animation: false,
  //         label: {
  //           visible: true,
  //           offset: 3,
  //           overlap: {
  //             hideOnHit: true,
  //             avoidBaseMark: false,
  //             strategy: [
  //               {
  //                 type: 'position',
  //                 position: []
  //               }
  //             ],
  //             clampForce: true
  //           },
  //           style: {
  //             fontSize: 12,
  //             fontWeight: 'normal',
  //             zIndex: 400,
  //             lineHeight: '100%',
  //             fill: '#363839',
  //             stroke: 'rgba(255, 255, 255, 0.8)',
  //             lineWidth: 2,
  //             strokeOpacity: 1
  //           },
  //           position: 'top',
  //           smartInvert: false
  //         },
  //         markLine: []
  //       }
  //     }
  //   ],
  //   animation: false,
  //   theme: {
  //     underlayBackgroundColor: 'rgba(255,255,255,0)',
  //     bodyStyle: {
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       borderLineWidth: [0, 0, 2, 0],
  //       bgColor: 'rgba(255,255,255,0)'
  //     },
  //     headerStyle: {
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       fontSize: 12,
  //       color: '#333333',
  //       textAlign: 'center',
  //       borderLineWidth: 0,
  //       bgColor: 'rgba(255,255,255,0)',
  //       hover: {
  //         cellBgColor: 'rgba(178,186,207, 0.2)'
  //       }
  //     },
  //     rowHeaderStyle: {
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       fontSize: 12,
  //       color: '#333333',
  //       borderLineWidth: 0,
  //       bgColor: 'rgba(255,255,255,0)',
  //       hover: {
  //         cellBgColor: 'rgba(178,186,207, 0.2)'
  //       }
  //     },
  //     cornerHeaderStyle: {
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       textAlign: 'center',
  //       fontSize: 12,
  //       color: '#333333',
  //       fontWeight: 'bold',
  //       borderLineWidth: [0, 0, 0, 0],
  //       bgColor: 'rgba(255,255,255,0)',
  //       hover: {
  //         cellBgColor: ''
  //       }
  //     },
  //     cornerRightTopCellStyle: {
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       borderLineWidth: 0,
  //       bgColor: 'rgba(255,255,255,0)',
  //       hover: {
  //         cellBgColor: ''
  //       }
  //     },
  //     cornerLeftBottomCellStyle: {
  //       padding: [0, 0, 0, 0],
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       borderLineWidth: 0,
  //       bgColor: 'rgba(255,255,255,0)',
  //       hover: {
  //         cellBgColor: ''
  //       }
  //     },
  //     cornerRightBottomCellStyle: {
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       borderLineWidth: 0,
  //       bgColor: 'rgba(255,255,255,0)',
  //       hover: {
  //         cellBgColor: ''
  //       }
  //     },
  //     rightFrozenStyle: {
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       borderLineWidth: 0,
  //       bgColor: 'rgba(255,255,255,0)',
  //       hover: {
  //         cellBgColor: 'rgba(178,186,207, 0.2)'
  //       }
  //     },
  //     bottomFrozenStyle: {
  //       borderColor: 'rgba(0,4,20,0.2)',
  //       borderLineWidth: 0,
  //       bgColor: 'rgba(255,255,255,0)',
  //       hover: {
  //         cellBgColor: 'rgba(178,186,207, 0.2)'
  //       }
  //     },
  //     selectionStyle: {
  //       cellBgColor: '',
  //       cellBorderColor: ''
  //     },
  //     frameStyle: {
  //       borderLineWidth: 0,
  //       bgColor: 'rgba(255,255,255,0)'
  //     }
  //   },
  //   hash: 'a1011559d144024776996bd14120d5ec'
  // };

  const option = {
    columns: [
      {
        field: 'p',
        // fieldKey: 'progress',
        fieldFormat(rec) {
          return `ii已完成${rec.progress}%`;
        },
        headerStyle: {
          textAlign: 'center',
          font: 'bold 12px sans-serif'
        },
        caption: 'progress',
        description: '这是一个标题的详细描述',
        width: 'calc(20% - 20px)'
      },
      {
        caption: 'Name',
        headerStyle: {
          textAlign: 'center',
          font: 'bold 13px sans-serif'
        },
        columns: [
          {
            field: 'fname',
            caption: 'First Name',
            width: '20%',
            minWidth: 150,
            headerStyle: {
              textAlign: 'center'
            }
          },
          {
            field: 'lname',
            caption: 'Last Name',
            width: '20%',
            minWidth: 150
          }
        ]
      },
      {
        field: 'email',
        caption: 'email',
        width: 200,
        headerStyle: {
          autoWrapText: true,
          textAlign: 'center'
        },
        style: {
          textOverflow: 'ellipsis',
          lineClamp: 2
        },
        headerIcon: [
          {
            type: 'svg',
            svg: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 50 50"><path d="M 25 3 C 19.923765 3 15.799157 4.8329838 13.003906 8.0429688 C 11.376688 7.7090996 10.048176 6.6197602 9.4316406 5.1875 C 9.1136666 4.4502862 8.4137807 4.0506086 7.6972656 4.0136719 C 6.9807506 3.9767351 6.2463213 4.3028249 5.859375 5.0117188 C 5.3428601 5.9578802 5.0488281 7.0426881 5.0488281 8.1894531 C 5.0488281 11.130702 6.9742012 13.631632 9.6484375 14.583984 C 9.2235695 16.246808 9 18.058949 9 20 L 9 21.464844 C 6.447 23.270844 3.0507813 27.486062 3.0507812 32.789062 C 3.0507812 33.919063 3.5290469 34.886219 4.3730469 35.449219 C 5.0790469 35.921219 5.9515781 36.062891 6.7675781 35.837891 C 7.6155781 35.604891 8.3249375 35.007219 8.7109375 34.199219 C 9.1859375 33.205219 9.7939531 32.1635 10.376953 31.3125 C 11.112953 35.0875 12.211859 38.180938 12.755859 39.585938 C 11.349859 40.519937 9 42.532078 9 45.580078 L 9 46 C 9 46.553 9.447 47 10 47 L 20 47 C 20.553 47 21 46.553 21 46 L 21 39.339844 C 22.111 39.638844 23.72 40 25 40 C 26.28 40 27.889 39.638844 29 39.339844 L 29 46 C 29 46.553 29.447 47 30 47 L 40 47 C 40.553 47 41 46.553 41 46 L 41 45.580078 C 41 42.539078 38.661141 40.527891 37.244141 39.587891 C 37.788141 38.182891 38.887047 35.090453 39.623047 31.314453 C 40.206047 32.165453 40.814063 33.207172 41.289062 34.201172 C 41.676063 35.009172 42.385422 35.605844 43.232422 35.839844 C 44.050422 36.063844 44.921719 35.921312 45.636719 35.445312 C 46.471719 34.887313 46.949219 33.919063 46.949219 32.789062 C 46.950219 27.486063 43.553 23.271844 41 21.464844 L 41 20 C 41 18.070345 40.779378 16.268082 40.359375 14.613281 C 43.079425 13.684441 45.048828 11.160748 45.048828 8.1875 C 45.048828 7.040735 44.752843 5.955927 44.236328 5.0097656 C 43.849004 4.3011956 43.114786 3.9764337 42.398438 4.0136719 C 41.682088 4.05091 40.982037 4.4502862 40.664062 5.1875 C 40.037352 6.6433987 38.675813 7.7469237 37.011719 8.0605469 C 34.216277 4.8395401 30.085569 3 25 3 z M 7.6074219 5.9960938 C 8.3727736 7.7576119 9.871471 9.1193049 11.720703 9.7558594 C 11.148015 10.652801 10.659142 11.626854 10.261719 12.675781 C 8.3755339 11.982565 7.0488281 10.237119 7.0488281 8.1894531 C 7.0488281 7.3942059 7.2523534 6.6557012 7.6074219 5.9960938 z M 42.488281 5.9960938 C 42.843344 6.6556973 43.048828 7.3922592 43.048828 8.1875 C 43.048828 10.265432 41.685081 12.039408 39.753906 12.710938 C 39.358396 11.659862 38.869893 10.684253 38.298828 9.7851562 C 40.183822 9.1606408 41.712264 7.7821595 42.488281 5.9960938 z M 18 16 C 19.104 16 20 16.895 20 18 C 20 19.105 19.104 20 18 20 C 16.896 20 16 19.105 16 18 C 16 16.895 16.896 16 18 16 z M 32 16 C 33.104 16 34 16.895 34 18 C 34 19.105 33.104 20 32 20 C 30.896 20 30 19.105 30 18 C 30 16.895 30.896 16 32 16 z M 22.058594 22.001953 C 22.447141 22.02525 22.804156 22.277219 22.941406 22.667969 C 23.206406 23.414969 24.111 24 25 24 C 25.889 24 26.793594 23.414969 27.058594 22.667969 C 27.242594 22.146969 27.815031 21.874594 28.332031 22.058594 C 28.853031 22.241594 29.126406 22.812031 28.941406 23.332031 C 28.395406 24.878031 26.738 26 25 26 C 23.262 26 21.604594 24.878031 21.058594 23.332031 C 20.873594 22.811031 21.146969 22.241594 21.667969 22.058594 C 21.797469 22.012594 21.929078 21.994187 22.058594 22.001953 z"></path></svg>',
            width: 14,
            height: 14,
            name: 'iconKey',
            positionType: VTable.TYPES.IconPosition.contentLeft
          },
          {
            type: 'svg', //指定svg格式图标，其他还支持path，image，font
            svg: `<svg t="1669210764476" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9160" width="200" height="200"><path d="M512.5 214c39.6 0 71.7-32.1 71.7-71.7s-32.1-71.7-71.7-71.7-71.7 32.1-71.7 71.7 32.1 71.7 71.7 71.7zM501.9 668.7v250.8c0 45.1-67.6 45.1-67.6 0V668.7h-89.6l95.9-332.6h-15.1l-56.5 190c-13.4 41.4-70.3 24.4-57.3-20l62.7-206.4c6.7-23.5 36.5-65.3 88-65.3H561c51.1 0 81 42.1 88.7 65.3l62.7 206.2c12.5 44.3-43.9 62.7-57.3 19.5l-56.4-189.3h-16.3l96.9 332.6h-90v251.2c0 44.8-67.3 44.6-67.3 0V668.7h-20.1z" p-id="9161"></path></svg>`,
            width: 22,
            height: 22,
            // funcType: VTable.TYPES.IconFuncTypeEnum.sort,//对应内部特定功能的图标，目前有sort pin expand等
            name: 'woman', //定义图标的名称，在内部会作为缓存的key值
            positionType: VTable.TYPES.IconPosition.contentRight, // 指定位置，可以在文本的前后，或者在绝对定位在单元格的左侧右侧
            marginLeft: 0, // 左侧内容间隔 在特定位置position中起作用
            marginRight: 0, // 右侧内容间隔 在特定位置position中起作用
            visibleTime: 'always', // 显示时机， 'always' | 'mouseover_cell' | 'click_cell'
            hover: {
              // 热区大小
              width: 40,
              height: 40,
              bgColor: 'rgba(144,144,144,0.2)'
            },
            tooltip: {
              // 气泡框，按钮的的解释信息
              title: '女生'
            }
          }
        ],
        dropDownMenu: ['升序排序b', '降序排序b', '冻结列b']
      },
      {
        field: 'birthday',
        fieldFormat: {
          get(rec) {
            const d = rec.birthday;
            return isNaN(d) ? d : `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`;
          },
          set(rec, val) {
            const date = new Date(val);
            rec.birthday = isNaN(parseInt(date.toString(), 10)) ? val : date;
          }
        },
        caption: 'Birthday',
        width: 150
      }
    ],
    records: [
      {
        personid: 1,
        fname: 'Aria',
        lname: 'Jenkins',
        birthday: '1999-03-12T16:00:00.000Z',
        longtext: '',
        email: 'aria_jenkins@example.com',
        stars: 5,
        progress: 20
      },
      {
        personid: 2,
        fname: 'Isaac',
        lname: 'Evans',
        birthday: '1990-03-22T16:00:00.000Z',
        longtext: '',
        email: 'isaac_evans@example.com',
        stars: 4,
        progress: 13
      },
      {
        personid: 3,
        fname: 'Gabriella',
        lname: 'Hall',
        birthday: '1990-12-17T16:00:00.000Z',
        longtext: '',
        email: 'gabriella_hall@example.com',
        stars: 2,
        progress: 39
      },
      {
        personid: 4,
        fname: 'Harper',
        lname: 'Walker',
        birthday: '2000-03-30T16:00:00.000Z',
        longtext: '',
        email: 'harper_walker@example.com',
        stars: 4,
        progress: 87
      },
      {
        personid: 5,
        fname: 'Jackson',
        lname: 'Barnes',
        birthday: '1994-11-14T16:00:00.000Z',
        longtext: '',
        email: 'jackson_barnes@example.com',
        stars: 3,
        progress: 34
      },
      {
        personid: 6,
        fname: 'Audrey',
        lname: 'Kelly',
        birthday: '1997-01-19T16:00:00.000Z',
        longtext: '',
        email: 'audrey_kelly@example.com',
        stars: 3,
        progress: 97
      },
      {
        personid: 7,
        fname: 'Christian',
        lname: 'Gomez',
        birthday: '1990-10-26T16:00:00.000Z',
        longtext: '',
        email: 'christian_gomez@example.com',
        stars: 2,
        progress: 34
      },
      {
        personid: 8,
        fname: 'Joshua',
        lname: 'Cook',
        birthday: '1998-05-22T16:00:00.000Z',
        longtext: '',
        email: 'joshua_cook@example.com',
        stars: 4,
        progress: 50
      },
      {
        personid: 9,
        fname: 'Mason',
        lname: 'Sanders',
        birthday: '2001-10-09T16:00:00.000Z',
        longtext: '',
        email: 'mason_sanders@example.com',
        stars: 5,
        progress: 100
      },
      {
        personid: 10,
        fname: 'Evelyn',
        lname: 'Price',
        birthday: '1998-09-11T16:00:00.000Z',
        longtext: '',
        email: 'evelyn_price@example.com',
        stars: 3,
        progress: 79
      },
      {
        personid: 1,
        fname: 'Aria',
        lname: 'Jenkins',
        birthday: '1999-03-12T16:00:00.000Z',
        longtext: '',
        email: 'aria_jenkins@example.com',
        stars: 5,
        progress: 20
      },
      {
        personid: 2,
        fname: 'Isaac',
        lname: 'Evans',
        birthday: '1990-03-22T16:00:00.000Z',
        longtext: '',
        email: 'isaac_evans@example.com',
        stars: 4,
        progress: 13
      },
      {
        personid: 3,
        fname: 'Gabriella',
        lname: 'Hall',
        birthday: '1990-12-17T16:00:00.000Z',
        longtext: '',
        email: 'gabriella_hall@example.com',
        stars: 2,
        progress: 39
      },
      {
        personid: 4,
        fname: 'Harper',
        lname: 'Walker',
        birthday: '2000-03-30T16:00:00.000Z',
        longtext: '',
        email: 'harper_walker@example.com',
        stars: 4,
        progress: 87
      },
      {
        personid: 5,
        fname: 'Jackson',
        lname: 'Barnes',
        birthday: '1994-11-14T16:00:00.000Z',
        longtext: '',
        email: 'jackson_barnes@example.com',
        stars: 3,
        progress: 34
      },
      {
        personid: 6,
        fname: 'Audrey',
        lname: 'Kelly',
        birthday: '1997-01-19T16:00:00.000Z',
        longtext: '',
        email: 'audrey_kelly@example.com',
        stars: 3,
        progress: 97
      },
      {
        personid: 7,
        fname: 'Christian',
        lname: 'Gomez',
        birthday: '1990-10-26T16:00:00.000Z',
        longtext: '',
        email: 'christian_gomez@example.com',
        stars: 2,
        progress: 34
      },
      {
        personid: 8,
        fname: 'Joshua',
        lname: 'Cook',
        birthday: '1998-05-22T16:00:00.000Z',
        longtext: '',
        email: 'joshua_cook@example.com',
        stars: 4,
        progress: 50
      },
      {
        personid: 9,
        fname: 'Mason',
        lname: 'Sanders',
        birthday: '2001-10-09T16:00:00.000Z',
        longtext: '',
        email: 'mason_sanders@example.com',
        stars: 5,
        progress: 100
      },
      {
        personid: 10,
        fname: 'Evelyn',
        lname: 'Price',
        birthday: '1998-09-11T16:00:00.000Z',
        longtext: '',
        email: 'evelyn_price@example.com',
        stars: 3,
        progress: 79
      },
      {
        personid: 1,
        fname: 'Aria',
        lname: 'Jenkins',
        birthday: '1999-03-12T16:00:00.000Z',
        longtext: '',
        email: 'aria_jenkins@example.com',
        stars: 5,
        progress: 20
      },
      {
        personid: 2,
        fname: 'Isaac',
        lname: 'Evans',
        birthday: '1990-03-22T16:00:00.000Z',
        longtext: '',
        email: 'isaac_evans@example.com',
        stars: 4,
        progress: 13
      },
      {
        personid: 3,
        fname: 'Gabriella',
        lname: 'Hall',
        birthday: '1990-12-17T16:00:00.000Z',
        longtext: '',
        email: 'gabriella_hall@example.com',
        stars: 2,
        progress: 39
      },
      {
        personid: 4,
        fname: 'Harper',
        lname: 'Walker',
        birthday: '2000-03-30T16:00:00.000Z',
        longtext: '',
        email: 'harper_walker@example.com',
        stars: 4,
        progress: 87
      },
      {
        personid: 5,
        fname: 'Jackson',
        lname: 'Barnes',
        birthday: '1994-11-14T16:00:00.000Z',
        longtext: '',
        email: 'jackson_barnes@example.com',
        stars: 3,
        progress: 34
      },
      {
        personid: 6,
        fname: 'Audrey',
        lname: 'Kelly',
        birthday: '1997-01-19T16:00:00.000Z',
        longtext: '',
        email: 'audrey_kelly@example.com',
        stars: 3,
        progress: 97
      },
      {
        personid: 7,
        fname: 'Christian',
        lname: 'Gomez',
        birthday: '1990-10-26T16:00:00.000Z',
        longtext: '',
        email: 'christian_gomez@example.com',
        stars: 2,
        progress: 34
      },
      {
        personid: 8,
        fname: 'Joshua',
        lname: 'Cook',
        birthday: '1998-05-22T16:00:00.000Z',
        longtext: '',
        email: 'joshua_cook@example.com',
        stars: 4,
        progress: 50
      },
      {
        personid: 9,
        fname: 'Mason',
        lname: 'Sanders',
        birthday: '2001-10-09T16:00:00.000Z',
        longtext: '',
        email: 'mason_sanders@example.com',
        stars: 5,
        progress: 100
      },
      {
        personid: 10,
        fname: 'Evelyn',
        lname: 'Price',
        birthday: '1998-09-11T16:00:00.000Z',
        longtext: '',
        email: 'evelyn_price@example.com',
        stars: 3,
        progress: 79
      }
    ],
    dragHeaderMode: 'column'
  };
  option.canvas = canvas;
  option.viewBox = {
    x1: 0,
    x2: 800,
    y1: 0,
    y2: 800
  };
  // const instance = new VTable.PivotChart(option);
  const instance = new VTable.ListTable(option);
  window.tableInstance = instance;

  instance.setViewBoxTransform(0.5, 0, 0, 0.5, 100, 100);

  instance.canvas.addEventListener('mousemove', e => {
    console.log(instance.getCellAtRelativePosition((e.offsetX - 100) / 0.5, (e.offsetY - 100) / 0.5));
  });

  bindDebugTool(tableInstance.scenegraph.stage, {
    customGrapicKeys: ['col', 'row']
  });

  window.update = () => {
    instance.updateViewBox({
      x1: 300,
      x2: 700,
      y1: 300,
      y2: 700
    });
  };
}
